﻿<div class="product">
    <div class="row">
        <div class="large-3 columns">
            <a href="#" data-bind="attr: {href: $parent.getProductUrl($data)}"><img data-bind="attr: {src: thumbUrl}" class="product-list" /></a>
        </div>
        <div class="large-7 columns">
            <a href="#" class="product-title" data-bind="text: title, attr: {href: $parent.getProductUrl($data)}"></a>
            <div class="price"><span class="currency">$</span><span class="value" data-bind="text: price"></span></div>
            <p data-bind="text: shortDescription"></p>
        </div>
        <div class="large-2 columns" data-bind="with: $parent.recent"></div>
    </div>
</div>
